<template>
  <!-- <div class="layout">
    <header class="header">
      <strong>
        <g-link to="/">{{ $static.metadata.siteName }}</g-link>
      </strong>
      <nav class="nav">
        <g-link class="nav__link" to="/">Home</g-link>
        <g-link class="nav__link" to="/about/">About</g-link>
      </nav>
    </header>
    <slot/>
  </div> -->
  <div id="app" class="layout sticky-header">
    <header class="header sticky">
      <div class="container">
        <div class="left">
          <a aria-current="page" class="home-link active--exact active">
            <img src="/img/logo.svg" alt="Nichlas W. Andersen" class="logo" />
          </a>
        </div>
        <nav class="nav right">
          <a href="https://gridsome-forestry.netlify.app/journal" class="nav__link">Journal</a>
          <a href="https://gridsome-forestry.netlify.app/contact" class="nav__link">Say Hi!</a>
        </nav>
      </div>
    </header>

    <slot />

    <footer class="footer">
      <div class="container">
        <span>Copyright © 2021</span>
      </div>
    </footer>
  </div>
</template>

<static-query>
query {
  metadata {
    siteName
  }
}
</static-query>

